@charset "UTF-8";
*{margin:0;padding:0}
%styleA{
   cursor: pointer;
   width:75px;
}

#diva{
	margin:5px 0 0 10px;
	padding:3px;
	border:2px black solid;
}

#diva select{
	@extend %styleA;
}

#divb input{
	@extend %styleA;
	cursor:auto;
}

#divb{
	@extend #diva;
}

#divc{
	@extend #diva;
}

table td{
	background-color:lightblue;
	text-align:center;
	width:90px;
}

#Page{
	margin:20px 0 0 0;
	text-align:center;
	.Select{
        h3{
        	display:inline-block;
        	margin-top:0;
        }
        .Info{
        	color:rgba(153,153,153,0.8);
        	float:left;
        }
	}
	.containerb .row div{
		font-size:18px;
	}
	.containerb .row div:not(:first-child){
		border:1px black solid;
		cursor: pointer;
	}
	.containerb .row div:not(:first-child):hover{
        background:rgb(153,153,153);
        color:white;
	}
	.containerc{
		   @for $n from 1 through 2{
				>div:nth-child(#{$n}){
				    margin-top:40px - ($n - 1)*20px;
				}
		   }
		   select{
		   		width:80%;
		   }
		   button{
		   	    width:25%;
		   	    height:25px;
		   	    line-height:10px;
		   	    margin-right:20%;
		   }
		   .row:nth-child(2) select{
		   		float:right;
		   }
	}
	.containera{
		border:1px black solid;
		margin-top:20px;
	}
	.containera>.row:first-child div:not(:last-child){         
         border-right:1px black solid;
	}
	.containera .row:first-child div{
         height:30px;
         line-height:30px;
	}
	.containera .row:not(:last-child){
		border-bottom:1px black solid;
	}
	#PageAdd .row div:not(:last-child){         
         // border-right:1px black solid;
	}
	#PageAdd .row div{
		height:25px;
		line-height:25px;
		button{
			height:25px;
		}
	}
	#PageControl{
		ul{
			list-style:none;
			display:inline-block;
			li{
				display:inline-block;
				cursor: pointer;
			}
			li:not(:last-child):hover{
				border-bottom:2px black solid;
			}
			ul li{
				margin:0 5px 0 0;
			}
			#PageJump{
				width:30px;
				margin:0 5px 0 5px;
			}
		}	
	}
}